/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {Dimensions, StyleSheet} from 'react-native';
import {SCREEN_WIDTH} from "../../../../../../constant/PHScreen"
import {COLOR_WHITE, FONT_COLOR_TITLE} from "../../../../../../constant/PHColors";

export const styles = StyleSheet.create({
    body:{
        backgroundColor:'#ffffff',
        flex:1,
    },

    bodyContainer:{
        backgroundColor:'#FAFAFA',
        marginBottom:50
    },

    noRecord:{
        alignItems:'center',
        marginTop: 50,
    },

    noRecordText:{
        fontSize: 25,
        color: '#6e6e6e',
        textAlign:'center',
    },

    contentBox: {
        height: 80,
        backgroundColor: COLOR_WHITE,
        borderColor: '#FAFAFA',
        borderLeftWidth: 5,
        borderTopWidth: 5,
        borderBottomWidth: 5,
        borderRightWidth: 5,
    },

    contentTop: {
        height: 40,
        flexDirection: 'row'
    },

    topLeft: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center'
    },

    topLeftText: {
        fontSize: 17,
        color: 'black',
        marginLeft: 20
    },

    topRight: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center'
    },

    topRightText: {
        fontSize: 17,
        color: 'black',
        marginRight: 10
    },

    contentCenter: {
        height: 40,
        marginLeft: 20,
        marginRight: 20,
    },

    centerText: {
        fontSize: 15,
        color: FONT_COLOR_TITLE
    },

    bodyBottom:{
        height:45,
        width:SCREEN_WIDTH,
        bottom:5,
        alignItems:'center',
        justifyContent:'flex-start',
        position:'absolute',
        backgroundColor:'#ffffff',
        flexDirection:'row'
    },

    bodyBottomLeft:{
        marginLeft:SCREEN_WIDTH*2/100,
        width:SCREEN_WIDTH*47/100,
        backgroundColor:'#00af00',
        height:45,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    bodyBottomLeftText: {
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },

    bodyBottomRight:{
        marginLeft:SCREEN_WIDTH*2/100,
        width:SCREEN_WIDTH*47/100,
        backgroundColor:'#2f67ff',
        height:45,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    bodyBottomRightText: {
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },

    modalContainer: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0.3)',
    },

    modalBox:{
        alignItems:'center',
        backgroundColor:'white',
        marginTop: 120,
        marginLeft: SCREEN_WIDTH/18,
        marginRight: SCREEN_WIDTH/18,
        width: SCREEN_WIDTH*16/18,
        borderRadius:3,
    },

    modalTitle:{
        borderBottomColor:'#4C70FF',
        borderBottomWidth:2,
        height:40,
        width:SCREEN_WIDTH*16/18,
        alignItems:'center',
        justifyContent:'center',
    },

    modalTitleTextNum:{
        fontSize:18,
        color:'#4C70FF',
    },

    modalCenter:{
        alignItems:'center',
        justifyContent:'space-between',
        flexDirection:'column',
        paddingTop:10,
        paddingBottom:10,
    },

    modalCenterText:{
        fontSize:18,
        color: '#6e6e6e',
    },

    modalInput:{
        backgroundColor:'transparent',
        fontSize:15,
        paddingTop: 0,
        paddingBottom: 0,
        paddingLeft: 5,
        marginLeft:15,
        marginRight:15,
        width:100,
        height:30,
        borderWidth: 1,
        borderColor:"#aaaaaa"
    },

    modalBottom:{
        alignItems:'center',
        justifyContent:'center',
        flexDirection:'row',
        marginBottom:2,
    },

    modalBottomLeft:{
        marginLeft:2,
        width:((SCREEN_WIDTH*16/18)-6)/2,
        backgroundColor:'#cdcdcd',
        height:45,
        borderRadius: 2,
        alignItems:'center',
        justifyContent: 'center',
    },

    modalBottomLeftText: {
        fontSize: 20,
        color: '#6e6e6e',
        marginBottom: 1,
        textAlign:'center',
    },

    modalBottomRight:{
        marginLeft:2,
        width:((SCREEN_WIDTH*16/18)-6)/2,
        backgroundColor:'#2f67ff',
        height:45,
        borderRadius: 2,
        alignItems:'center',
        justifyContent: 'center',
    },

    modalBottomRightText: {
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },


});